//互联网机构信息
import React from 'react';
import { Table, Form, Select, Row, Col, Card, Input, Button, message, DatePicker, InputNumber, Switch } from 'antd';
import { $http } from '../../containers/config/https';
import moment from 'moment';
import store from '../../store';
import './style/style.less';

const { Option } = Select;
const dateFormat = 'YYYY-MM-DD'; //定义全局日期格式
const formItemLayout = {    // label 和input宽度
    labelCol: { span: 24 },
    wrapperCol: { span: 24 },
};

class OPHBHLWtinsinstitution extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            loading: false, //加载状态标志
            visible: false, //弹窗显示状态标志
            tableData: [],
            hospID: '', //新增互联网机构医院ID
            uploadflag: '', //互联网机构表是否已有数据标志
            updateID: '', //修改id
            chanceID: '', //判断选中id
            areaArr: [], //区下拉框
            cityArr: [], //市下拉框数据
            JGSZDMZZZDFBZSwitch: false,
            SFFZJGSwitch: false,
            SFSLGDSwitch: false,
        };
        this.columns = [
            {
                title: '代码',
                dataIndex: 'code',
                key: 'code',
                width: '100px',
                align: "center",
            },
            {
                title: '描述',
                dataIndex: 'descripts',
                key: 'descripts',
                width: '100px',
                align: "center",
            },
            {
                title: '申请',
                dataIndex: 'uploadflag',
                key: 'uploadflag',
                width: '100px',
                align: "center",
                render: (text, record) => (
                    <span>
                        {record.uploadflag === 'Y' ? <span style={{ color: '#00aeef' }}>已申请</span> : <span style={{ color: '#c00' }}>未申请</span>}
                    </span>
                ),
            },
        ];
    }


    componentDidMount() {
        //初始化列表数据
        this.handleQuery();
        //省下拉框
        this.getCity();
    }

    getCity = (countryID = '') => {
        let data = {
            params: [{
                countryId: countryID
            }],
        }
        let cityArr = []
        $http.post('urlS', this, {
            code: '05100345',
            data: data,
            success: function (res) {
                if (+res.errorCode === 0) {
                    for (var i = 0; i < res.result.data.length; i++) {
                        cityArr.push(<Option value={String(res.result.data[i].id)} key={i + "city"} >{res.result.data[i].descripts}</Option>)
                    }
                    this.setState({ cityArr: cityArr, })
                }
            }
        })
    }

    //初始化列表数据
    handleQuery = () => {
        let { } = this.state;
        let data = {}
        data = {
            params: [{
            }]
        }
        $http.post('urlS', this, {
            code: '05100296',
            data: data,
            success: function (res) {
                if (+res.errorCode === 0 && res.result.data) {
                    this.setState({ tableData: res.result.data, loading: false })
                } else {
                    this.setState({ tableData: [], loading: false })
                }
            }
        })
    }

    onchangeCity = e => {
        this.getArea(e)
    }

    getArea = (cityID = '') => {
        let data = {
            params: [{
                cityID: cityID
            }],
        }
        let areaArr = []
        $http.post('urlS', this, {
            code: '05100344',
            data: data,
            success: function (res) {
                if (+res.errorCode === 0) {
                    for (var i = 0; i < res.result.data.length; i++) {
                        areaArr.push(<Option value={String(res.result.data[i].code)} key={i + "Area"} >{res.result.data[i].descripts}</Option>)
                    }
                    this.setState({ areaArr: areaArr, })
                }
            }
        })
    }

    //点击查询互联网机构信息
    OPHospHLW = (record) => {
        if (record.id === this.state.chanceID) {
            this.props.form.setFieldsValue({
                hosp: '', //医院
                JGDM: '', //机构标识
                ZZJGDM: '', //统一社会信用代码
                JGMC: '', //互联网医院名称
                SZS: '', //所在市
                XZQHDM: '', //行政区划代码
                JGLX: '', //机构类型
                JGCLRQ: undefined, //机构成立日期
                DWLSGXDM: '', //单位隶属关系代码
                JGFLGLLBDM: '', //机构分类管理类别代码
                JGFLDM: '', //机构分类代码
                JJLXDM: '', //经济类型代码互联网医院的经济类型代码。
                DZ: '：', //地址
                STYYZZJGDM: '', //实体医院医疗组织机构代码
                STYYMC: '', //实体医院名称
                STYLJGJB: '', //实体医疗机构级别
                STYLJGDJ: '', //实体医院机构等级
                HLWYYWZ: '', //互联网医院网址
                XKZHM: '', //许可证号码
                XKXMMC: '：', //许可项目名称
                XKZYXQ: undefined, //许可证有效期
                XXAQDJBH: '', //信息安全等级保护
                XXAQDJBHBH: '', //信息安全等级保护证书编号
                KBZJJES: 0, //开办资金金额数
                FRDB: '', //法人代表/负责人
                JGSZDMZZZDFBZ: false, //机构所在地民族自治地方标志
                SFFZJG: false, //是否分支机构
                JGDEMC: '', //机构第二名称
                JGMS: '', //机构描述
                YZBM: '', //邮政编码
                DHHM: '', //电话号码
                DWDZYX: '', //单位电子信箱
                DSFJGDM: '', //第三方机构统一社会信用代码
                DSFJGMC: '', //第三方机构名称
                XYYXQ: undefined,
                BSPT: '',
                JGMSXX: '',
                JFMJ: 0,
                SFSLGD: false,
                BZ: '', //备注
                SJSCSJ: undefined, //数据生成日期时间
                TBRQSJ: undefined, //填报日期
                CXBZ: '', //撤销标志
                loading: false
            })
            this.setState({ hospID: '', uploadflag: '', updateID: '', chanceID: '', JGSZDMZZZDFBZSwitch: false, SFFZJGSwitch: false, SFSLGDSwitch: false, })
        } else {
            this.setState({ uploadflag: record.uploadflag, chanceID: record.id, hospID: record.id })
            let data = {}
            data = {
                params: [{
                    hospID: record.id,
                    uploadflag: record.uploadflag
                }]
            }
            $http.post('urlS', this, {
                code: '05100297',
                data: data,
                success: function (res) {
                    this.getArea(res.result.data[0].SZS)       //调用获取区方法
                    if (+res.errorCode === 0 && res.result.data) {
                        this.props.form.setFieldsValue({
                            hosp: res.result.data[0].hospID, //医院
                            JGDM: res.result.data[0].JGDM, //机构标识
                            ZZJGDM: res.result.data[0].ZZJGDM, //统一社会信用代码
                            JGMC: res.result.data[0].JGMC, //互联网医院名称
                            SZS: res.result.data[0].SZS, //所在市
                            XZQHDM: res.result.data[0].XZQHDM, //行政区划代码
                            JGLX: res.result.data[0].JGLX, //机构类型
                            JGCLRQ: res.result.data[0].JGCLRQ ? moment(res.result.data[0].JGCLRQ, 'YYYY-MM-DD') : null, //机构成立日期
                            DWLSGXDM: res.result.data[0].DWLSGXDM, //单位隶属关系代码
                            JGFLGLLBDM: res.result.data[0].JGFLGLLBDM, //机构分类管理类别代码
                            JGFLDM: res.result.data[0].JGFLDM, //机构分类代码
                            JJLXDM: res.result.data[0].JJLXDM, //经济类型代码互联网医院的经济类型代码。
                            DZ: res.result.data[0].DZ, //地址
                            STYYZZJGDM: res.result.data[0].STYYZZJGDM, //实体医院医疗组织机构代码
                            STYYMC: res.result.data[0].STYYMC, //实体医院名称
                            STYLJGJB: res.result.data[0].STYLJGJB, //实体医疗机构级别
                            STYLJGDJ: res.result.data[0].STYLJGDJ, //实体医院机构等级
                            HLWYYWZ: res.result.data[0].HLWYYWZ, //互联网医院网址
                            XKZHM: res.result.data[0].XKZHM, //许可证号码
                            XKXMMC: res.result.data[0].XKXMMC, //许可项目名称
                            XKZYXQ: res.result.data[0].XKZYXQ ? moment(res.result.data[0].XKZYXQ, 'YYYY-MM-DD') : null, //许可证有效期
                            XXAQDJBH: res.result.data[0].XXAQDJBH, //信息安全等级保护
                            XXAQDJBHBH: res.result.data[0].XXAQDJBHBH, //信息安全等级保护证书编号
                            KBZJJES: +res.result.data[0].KBZJJES, //开办资金金额数
                            FRDB: res.result.data[0].FRDB, //法人代表/负责人
                            JGSZDMZZZDFBZ: res.result.data[0].JGSZDMZZZDFBZ === '1' ? 'checked' : false, //机构所在地民族自治地方标志
                            SFFZJG: res.result.data[0].SFFZJG === '1' ? 'checked' : false, //是否分支机构
                            JGDEMC: res.result.data[0].JGDEMC, //机构第二名称
                            JGMS: res.result.data[0].JGMS, //机构描述
                            YZBM: res.result.data[0].YZBM, //邮政编码
                            DHHM: res.result.data[0].DHHM, //电话号码
                            DWDZYX: res.result.data[0].DWDZYX, //单位电子信箱
                            DSFJGDM: res.result.data[0].DSFJGDM, //第三方机构统一社会信用代码
                            DSFJGMC: res.result.data[0].DSFJGMC, //第三方机构名称
                            XYYXQ: res.result.data[0].XYYXQ ? moment(res.result.data[0].XYYXQ, 'YYYY-MM-DD') : null,
                            BSPT: res.result.data[0].BSPT,
                            JGMSXX: res.result.data[0].JGMSXX,
                            JFMJ: +res.result.data[0].JFMJ,
                            SFSLGD: res.result.data[0].SFSLGD === '1' ? 'checked' : false,
                            BZ: res.result.data[0].BZ, //备注
                            SJSCSJ: res.result.data[0].SJSCSJ ? moment(res.result.data[0].SJSCSJ, 'YYYY-MM-DD') : null, //数据生成日期时间
                            TBRQSJ: res.result.data[0].TBRQSJ ? moment(res.result.data[0].TBRQSJ, 'YYYY-MM-DD') : null, //填报日期
                            CXBZ: res.result.data[0].CXBZ, //撤销标志
                            loading: false
                        })
                        this.setState({ hospID: res.result.data[0].hospID, updateID: res.result.data[0].id, JGSZDMZZZDFBZSwitch: res.result.data[0].JGSZDMZZZDFBZ === '1' ? true : false, SFFZJGSwitch: res.result.data[0].SFFZJG === '1' ? true : false, SFSLGDSwitch: res.result.data[0].SFSLGD === '1' ? true : false })
                    } else {
                        this.props.form.setFieldsValue({
                            hosp: '', //医院
                            JGDM: '', //机构标识
                            ZZJGDM: '', //统一社会信用代码
                            JGMC: '', //互联网医院名称
                            SZS: '', //所在市
                            XZQHDM: '', //行政区划代码
                            JGLX: '', //机构类型
                            JGCLRQ: undefined, //机构成立日期
                            DWLSGXDM: '', //单位隶属关系代码
                            JGFLGLLBDM: '', //机构分类管理类别代码
                            JGFLDM: '', //机构分类代码
                            JJLXDM: '', //经济类型代码互联网医院的经济类型代码。
                            DZ: '：', //地址
                            STYYZZJGDM: '', //实体医院医疗组织机构代码
                            STYYMC: '', //实体医院名称
                            STYLJGJB: '', //实体医疗机构级别
                            STYLJGDJ: '', //实体医院机构等级
                            HLWYYWZ: '', //互联网医院网址
                            XKZHM: '', //许可证号码
                            XKXMMC: '：', //许可项目名称
                            XKZYXQ: undefined, //许可证有效期
                            XXAQDJBH: '', //信息安全等级保护
                            XXAQDJBHBH: '', //信息安全等级保护证书编号
                            KBZJJES: 0, //开办资金金额数
                            FRDB: '', //法人代表/负责人
                            JGSZDMZZZDFBZ: false, //机构所在地民族自治地方标志
                            SFFZJG: false, //是否分支机构
                            JGDEMC: '', //机构第二名称
                            JGMS: '', //机构描述
                            YZBM: '', //邮政编码
                            DHHM: '', //电话号码
                            DWDZYX: '', //单位电子信箱
                            DSFJGDM: '', //第三方机构统一社会信用代码
                            DSFJGMC: '', //第三方机构名称
                            XYYXQ: undefined,
                            BSPT: '',
                            JGMSXX: '',
                            JFMJ: 0,
                            SFSLGD: false,
                            BZ: '', //备注
                            SJSCSJ: undefined, //数据生成日期时间
                            TBRQSJ: undefined, //填报日期
                            CXBZ: '', //撤销标志
                            loading: false
                        })
                        this.setState({ hospID: '', updateID: '', JGSZDMZZZDFBZSwitch: false, SFFZJGSwitch: false, SFSLGDSwitch: false })
                    }
                }
            })
        }
    }

    onClickRow = (record) => {
        return {
            onClick: () => {
                this.OPHospHLW(record)
            },
        }
    }

    //点击保存
    commitSave = () => {
        this.props.form.validateFields((err, values) => {
            if (err) {
                return;
            }
            let data = {};
            let code = '';
            if (this.state.uploadflag === '') {
                code = '05100298';
            } else {
                code = '05100299';
            }
            data = {
                params: [{
                    id: this.state.updateID,
                    userID: JSON.parse(window.sessionStorage.userData).userID,
                    hospID: this.state.hospID,
                    JGDM: values.JGDM,
                    ZZJGDM: values.ZZJGDM,
                    JGMC: values.JGMC,
                    JGLX: values.JGLX,
                    JGCLRQ: values.JGCLRQ ? moment(values.JGCLRQ).utcOffset(480).format('YYYY-MM-DD') : '',
                    DWLSGXDM: values.DWLSGXDM,
                    JGFLGLLBDM: values.JGFLGLLBDM,
                    JGFLDM: values.JGFLDM,
                    JJLXDM: values.JJLXDM,
                    DZ: values.DZ,
                    STYYZZJGDM: values.STYYZZJGDM,
                    STYYMC: values.STYYMC,
                    STYLJGJB: values.STYLJGJB,
                    STYLJGDJ: values.STYLJGDJ,
                    HLWYYWZ: values.HLWYYWZ,
                    XKZHM: values.XKZHM,
                    XKXMMC: values.XKXMMC,
                    XKZYXQ: values.XKZYXQ ? moment(values.XKZYXQ).utcOffset(480).format('YYYY-MM-DD') : '',
                    XXAQDJBH: values.XXAQDJBH,
                    XXAQDJBHBH: values.XXAQDJBHBH,
                    KBZJJES: values.KBZJJES,
                    FRDB: values.FRDB,
                    JGSZDMZZZDFBZ: values.JGSZDMZZZDFBZ ? '1' : '2',
                    SFFZJG: values.SFFZJG ? '1' : '2',
                    JGDEMC: values.JGDEMC,
                    JGMS: values.JGMS,
                    YZBM: values.YZBM,
                    DHHM: values.DHHM,
                    DSFJGDM: values.DSFJGDM,
                    DSFJGMC: values.DSFJGMC,
                    BZ: values.BZ,
                    SJSCSJ: values.SJSCSJ ? moment(values.SJSCSJ).utcOffset(480).format('YYYY-MM-DD') : '',
                    TBRQSJ: values.TBRQSJ ? moment(values.TBRQSJ).utcOffset(480).format('YYYY-MM-DD') : '',
                    CXBZ: values.CXBZ,
                    DWDZYX: values.DWDZYX,
                    XZQHDM: values.XZQHDM
                }]
            }
            $http.post('urlS', this, {
                code: code,
                data: data,
                success: function (res) {
                    if (+res.errorCode === 0) {
                        message.success(res.errorMessage);
                        this.handleQuery();
                        this.setState({ loading: false, visible: false });
                    }
                }
            })
        })
    };

    setRowClassName = (record) => {
        return record.id === this.state.chanceID ? 'clickRowStyle' : '';
    }

    //点击上传
    commitUpload = () => {
        this.props.form.validateFields((err, values) => {
            if (err) {
                return;
            }
            let data = {};
            if (this.state.uploadflag === '') {
                message.error("请先保存信息");
                return;
            }
            data = {
                params: [{
                    tinsinstitutionID: this.state.updateID,
                    hospID: this.state.hospID,
                    userID: JSON.parse(window.sessionStorage.userData).userID,
                }]
            }
            $http.post('urlS', this, {
                code: '05100337',
                data: data,
                success: function (res) {
                    if (+res.errorCode === 0) {
                        message.success(res.errorMessage);
                        this.handleQuery();
                        this.setState({ loading: false, visible: false });
                    }
                }
            })
        })
    }

    render() {
        let { cityArr, areaArr, hospID, JGDM, ZZJGDM, JGMC, XZQHDM, JGLX, JGCLRQ, DWLSGXDM, JGFLGLLBDM, JGFLDM, JJLXDM, DZ, STYYZZJGDM, STYYMC, STYLJGJB, STYLJGDJ, HLWYYWZ, XKZHM, XKXMMC,
            XKZYXQ, XXAQDJBH, XXAQDJBHBH, KBZJJES, FRDB, JGSZDMZZZDFBZ, SFFZJG, JGDEMC, JGMS, YZBM, DHHM, DWDZYX, DSFJGDM, DSFJGMC, BZ, SJSCSJ, TBRQSJ, CXBZ } = this.state;
        const { getFieldDecorator } = this.props.form;
        return (
            <div>
                <div style={{ width: '100%', height: '100%' }}>
                    <Row style={{ minHeight: '80px' }}>
                        <Col span={6}>
                            <Card title={<span>互联网医院列表</span>}>
                                <div>
                                    <Table
                                        dataSource={this.state.tableData}
                                        rowClassName={this.setRowClassName}
                                        columns={this.columns}
                                        pagination={false}
                                        bordered
                                        rowKey="ID"
                                        onRow={(e) => this.onClickRow(e)}
                                        style={{ height: store.getState().tableHeight.y + 195 + 'px' }}
                                        scroll={{ y: store.getState().tableHeight.y, x: 300 }}
                                    />
                                </div>
                            </Card>
                        </Col>
                        <Col span={18}>
                            <Card title={<span>互联网医院信息</span>}>
                                <Form layout="inline" className='formTable'>
                                    <div>
                                        <Row>
                                            <Col span={4}>
                                                <Form.Item label='机构标识：' {...formItemLayout} >
                                                    {getFieldDecorator("JGDM", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='统一社会信用代码：' {...formItemLayout} >
                                                    {getFieldDecorator("ZZJGDM", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='互联网医院名称：' {...formItemLayout} >
                                                    {getFieldDecorator("JGMC", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '名称不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='所在市：' {...formItemLayout} >
                                                    {getFieldDecorator("SZS", {
                                                        initialValue: null,
                                                        rules: [{ required: true, message: '所在市不能为空' }]
                                                    })(
                                                        <Select style={{ width: '180px' }}
                                                            allowClear
                                                            placeholder="输入进行搜索"
                                                            onChange={(e) => this.onchangeCity(e)}
                                                            showSearch
                                                            optionFilterProp="children"
                                                            filterOption={(input, option) => {
                                                                return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                                            }}
                                                        >
                                                            {cityArr}
                                                        </Select>
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='行政区划代码：' {...formItemLayout} >
                                                    {getFieldDecorator("XZQHDM", {
                                                        initialValue: null,
                                                        rules: [{ required: true, message: '行政区不能为空' }]
                                                    })(
                                                        <Select style={{ width: '180px' }}
                                                            allowClear
                                                            placeholder="输入进行搜索"
                                                            showSearch
                                                            optionFilterProp="children"
                                                            filterOption={(input, option) => {
                                                                return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                                            }}
                                                        >
                                                            {areaArr}
                                                        </Select>
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='机构类型：' {...formItemLayout} >
                                                    {getFieldDecorator("JGLX", {
                                                        initialValue: null,
                                                    })(
                                                        <Select style={{ width: '180px' }} allowClear >
                                                            <Option value='01' key='jg01' >互联网医院诊疗</Option>
                                                            <Option value='02' key='jg02' >健康管理服务</Option>
                                                            <Option value='03' key='jg03' >药事服务机构</Option>
                                                            <Option value='04' key='jg04' >药房</Option>
                                                            <Option value='05' key='jg05' >其他</Option>
                                                        </Select>
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='机构成立日期：' {...formItemLayout} >
                                                    {getFieldDecorator("JGCLRQ", {
                                                        initialValue: undefined,
                                                    })(
                                                        <DatePicker
                                                            format={dateFormat}
                                                            style={{ width: '180px' }}
                                                        />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='单位隶属关系代码：' {...formItemLayout} >
                                                    {getFieldDecorator("DWLSGXDM", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='机构分类管理类别代码：' {...formItemLayout} >
                                                    {getFieldDecorator("JGFLGLLBDM", {
                                                        initialValue: '',
                                                    })(
                                                        <Select style={{ width: '180px' }} allowClear >
                                                            <Option value='1' key='jgfl1' >非盈利性医疗机构</Option>
                                                            <Option value='2' key='jgfl2' >盈利性医疗机构</Option>
                                                            <Option value='9' key='jgfl9' >其他</Option>
                                                        </Select>
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='机构分类代码：' {...formItemLayout} >
                                                    {getFieldDecorator("JGFLDM", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '机构分类代码不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='经济类型代码：' {...formItemLayout} >
                                                    {getFieldDecorator("JJLXDM", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='地址：' {...formItemLayout} >
                                                    {getFieldDecorator("DZ", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '地址不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='实体医院医疗组织机构代码：' {...formItemLayout} >
                                                    {getFieldDecorator("STYYZZJGDM", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '机构代码不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='实体医院名称：' {...formItemLayout} >
                                                    {getFieldDecorator("STYYMC", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '医院名称不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='实体医疗机构级别：' {...formItemLayout} >
                                                    {getFieldDecorator("STYLJGJB", {
                                                        initialValue: null,
                                                        rules: [{ required: true, message: '机构级别不能为空' }]
                                                    })(
                                                        <Select style={{ width: '180px' }} allowClear >
                                                            <Option value='0' key='STYLJGJB0' >基层卫生服务站</Option>
                                                            <Option value='1' key='STYLJGJB1' >一级医院</Option>
                                                            <Option value='2' key='STYLJGJB2' >二级医院</Option>
                                                            <Option value='3' key='STYLJGJB3' >三级医院</Option>
                                                            <Option value='4' key='STYLJGJB4' >未定级</Option>
                                                        </Select>
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='实体医院机构等级：' {...formItemLayout} >
                                                    {getFieldDecorator("STYLJGDJ", {
                                                        initialValue: null,
                                                    })(
                                                        <Select style={{ width: '180px' }} allowClear >
                                                            <Option value='0' key='STYLJGDJ0' >甲等</Option>
                                                            <Option value='1' key='STYLJGJB1' >乙等</Option>
                                                            <Option value='2' key='STYLJGJB2' >丙等</Option>
                                                            <Option value='3' key='STYLJGJB3' >未定等</Option>
                                                        </Select>
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='互联网医院网址：' {...formItemLayout} >
                                                    {getFieldDecorator("HLWYYWZ", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '网址不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='许可证号码：' {...formItemLayout} >
                                                    {getFieldDecorator("XKZHM", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '许可证号码不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='许可项目名称：' {...formItemLayout} >
                                                    {getFieldDecorator("XKXMMC", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '许可项目名称不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='许可证有效期：' {...formItemLayout} >
                                                    {getFieldDecorator("XKZYXQ", {
                                                        initialValue: undefined,
                                                        rules: [{ required: true, message: '许可证有效期不能为空' }]
                                                    })(
                                                        <DatePicker
                                                            format={dateFormat}
                                                            style={{ width: '180px' }}
                                                        />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='信息安全等级保护：' {...formItemLayout} >
                                                    {getFieldDecorator("XXAQDJBH", {
                                                        initialValue: null,
                                                    })(
                                                        <Select style={{ width: '180px' }} allowClear >
                                                            <Option value='1' key='XXAQDJBH1' >第一级</Option>
                                                            <Option value='2' key='XXAQDJBH2' >第二级</Option>
                                                            <Option value='3' key='XXAQDJBH3' >第三级</Option>
                                                            <Option value='4' key='XXAQDJBH4' >第四级</Option>
                                                            <Option value='99' key='XXAQDJBH99' >无</Option>
                                                        </Select>
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='信息安全等级保护证书编号：' {...formItemLayout} >
                                                    {getFieldDecorator("XXAQDJBHBH", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='开办资金金额数/单位万：' {...formItemLayout} >
                                                    {getFieldDecorator("KBZJJES", {
                                                        initialValue: 0,
                                                        rules: [{ required: true, message: '金额不能为空' }]
                                                    })(
                                                        <InputNumber min={0} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='法人代表/负责人：' {...formItemLayout} >
                                                    {getFieldDecorator("FRDB", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='民族自治地方标志：' {...formItemLayout} >
                                                    {getFieldDecorator("JGSZDMZZZDFBZ", {
                                                        initialValue: false,
                                                    })(
                                                        <Switch checkedChildren="是" unCheckedChildren="否" checked={this.state.JGSZDMZZZDFBZSwitch} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='是否分支机构：' {...formItemLayout} >
                                                    {getFieldDecorator("SFFZJG", {
                                                        initialValue: false,
                                                    })(
                                                        <Switch checkedChildren="是" unCheckedChildren="否" checked={this.state.SFFZJGSwitch} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='机构第二名称：' {...formItemLayout} >
                                                    {getFieldDecorator("JGDEMC", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='机构描述：' {...formItemLayout} >
                                                    {getFieldDecorator("JGMS", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='邮政编码：' {...formItemLayout} >
                                                    {getFieldDecorator("YZBM", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '邮政编码不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='电话号码：' {...formItemLayout} >
                                                    {getFieldDecorator("DHHM", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '电话号码不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='单位电子信箱：' {...formItemLayout} >
                                                    {getFieldDecorator("DWDZYX", {
                                                        initialValue: '',
                                                        rules: [{ required: true, message: '单位电子信箱不能为空' }]
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='第三方机构社会信用代码：' {...formItemLayout} >
                                                    {getFieldDecorator("DSFJGDM", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='第三方机构名称：' {...formItemLayout} >
                                                    {getFieldDecorator("DSFJGMC", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='协议有效期：' {...formItemLayout} >
                                                    {getFieldDecorator("XYYXQ", {
                                                        initialValue: undefined,
                                                    })(
                                                        <DatePicker
                                                            format={dateFormat}
                                                            style={{ width: '180px' }}
                                                        />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='部署平台：' {...formItemLayout} >
                                                    {getFieldDecorator("BSPT", {
                                                        initialValue: null,
                                                    })(
                                                        <Select style={{ width: '180px' }} allowClear >
                                                            <Option value='01' key='BSPT01' >自建</Option>
                                                            <Option value='02' key='BSPT02' >阿里云</Option>
                                                            <Option value='03' key='BSPT03' >腾讯云</Option>
                                                            <Option value='04' key='BSPT04' >天翼云</Option>
                                                            <Option value='05' key='BSPT05' >沃云</Option>
                                                            <Option value='06' key='BSPT06' >联通云</Option>
                                                            <Option value='90' key='BSPT90' >其他</Option>
                                                        </Select>
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='架构描述：' {...formItemLayout} >
                                                    {getFieldDecorator("JGMSXX", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='机房面积：' {...formItemLayout} >
                                                    {getFieldDecorator("JFMJ", {
                                                        initialValue: 0,
                                                    })(
                                                        <InputNumber min={0} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='是否具备双路供电或紧急发电设施：' {...formItemLayout} >
                                                    {getFieldDecorator("SFSLGD", {
                                                        initialValue: false,
                                                    })(
                                                        <Switch checkedChildren="是" unCheckedChildren="否" checked={this.state.SFSLGDSwitch} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='备注：' {...formItemLayout} >
                                                    {getFieldDecorator("BZ", {
                                                        initialValue: '',
                                                    })(
                                                        <Input style={{ width: '180px' }} />
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4}>
                                                <Form.Item label='撤销标志：' {...formItemLayout} >
                                                    {getFieldDecorator("CXBZ", {
                                                        initialValue: null,
                                                    })(
                                                        <Select style={{ width: '180px' }} allowClear >
                                                            <Option value='1' key='CXBZ1' >正常</Option>
                                                            <Option value='2' key='CXBZ2' >撤销该记录</Option>
                                                        </Select>
                                                    )}
                                                </Form.Item>
                                            </Col>
                                            <Col span={4} style={{ marginTop: '33px' }}>
                                                <Button key="save" type="primary" onClick={() => { this.commitSave() }}>
                                                    保存
                                                </Button>
                                                <Button key="upload" onClick={() => { this.commitUpload() }} style={{ marginLeft: '10px' }}>
                                                    上传
                                                </Button>
                                            </Col>
                                        </Row>
                                    </div>
                                </Form>
                            </Card>
                        </Col>
                    </Row>
                </div>
            </div>
        )
    }
}

const OPHBHLWtinsinstitutionForm = Form.create()(OPHBHLWtinsinstitution);
export default OPHBHLWtinsinstitutionForm;