/**
 * 高血压页面
 */
import React from 'react';
import {
    Card, Table, Input, Form, Select, Row, Col, Checkbox, Tabs,
    DatePicker, Button, Popconfirm, Icon, Divider, message, Modal, Radio, Spin
} from 'antd';
import { Util, dayFormat } from 'tools/index';
import { $http } from 'containers/config/https';
import RangeDatePicker from 'components/rangePicker/index';
import ColumnAuthoritysModel from 'pages/columnAuthority/ColumnAuthoritysModel';
import CommonPagination from 'components/pagination/index';
import store from 'store';
import moment from 'moment';
import '../style/index.less';

const { RangePicker } = DatePicker;
const Option = Select.Option;
const Search = Input.Search;
const TabPane = Tabs.TabPane;

class HypertensionPageTabPane extends React.Component {
    constructor(props) {
        super(props)
        var date = new Date()
        var userData = JSON.parse(sessionStorage.getItem('userData'))
        var patID = JSON.parse(sessionStorage.getItem('patID'))
        this.state = {
            total: 0,
            page: 1,
            pageSize: 10,
            userData: userData,
            activeKey: '1',
            startDate: moment(date).format(dayFormat),
            dataSource: [],
            patID: patID,
            a1702: [],
            loading: false
        }
    }

    componentWillReceiveProps(nextProp) {
        if (!Util.isEmpty(nextProp.dataSource)) {
            this.setState({
                codeData: nextProp.codeData,
                visitWayID: nextProp.dataSource.visitWayID,
                visitRecordID: nextProp.dataSource.visitRecordID,
                transferWayID: nextProp.dataSource.transferWayID,
                visitDate: nextProp.dataSource.createDate,
                dataSource: nextProp.dataSource.tableData,
                nextVisitDate: nextProp.dataSource.nextVisitDate,
                visitUserID: nextProp.dataSource.doctorList,
                patID: nextProp.patID,
                a170101: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a170101,
                a170102: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a170102,
                a170103: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a170103,
                a170104: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a170104,
                a1702: !Util.isEmpty(nextProp.dataSource.detailData) && !Util.isEmpty(nextProp.dataSource.detailData.a1702) && (nextProp.dataSource.detailData.a1702).split('&'),
                a17030101: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17030101,
                a17030102: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17030102,
                a17030201: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17030201,
                a17030202: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17030202,
                a17030301: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17030301,
                a17030302: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17030302,
                a17030401: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17030401,
                a17030402: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17030402,
                a17040101: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17040101,
                a17040102: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17040102,
                a17040201: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17040201,
                a17040202: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17040202,
                a17040301: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17040301,
                a17040302: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17040302,
                a17040303: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17040303,
                a17040304: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17040304,
                a170404: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a170404,
                a17040404: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a17040404,
                a170405: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a170405,
                a170406: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a170406,
                a1705: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a1705,
                a1706: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a1706,
                a1708: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a1708,
                a1709: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a1709,
                a171001: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a171001,
                // a170803: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a170803,
                a171002: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a171002,
                a170305: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a170305,
                anotherValue: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a1702note,
                a170501: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a1705,
                a170803: nextProp.dataSource.detailData && nextProp.dataSource.detailData.a170803,
            })
        }
    }

    componentDidMount() {
        this.initData()
        this.loadData()
        this.loadVisitList()//获取随访方式
        this.loadVisitUser()//获取随访人员
        this.loadOutcomeList()//获取转归
    }

    loadData() {
        var params = {
            params: [{
                patID: this.state.patID
            }]
        }
        $http.post('urlDeault', this, {
            code: "03070019",
            data: params,
            success: function (res) {
                if (res.errorCode == '0') {
                    var source = res.result[0]
                    this.setState({
                        signRecordID: source.personInfo && source.personInfo.signRecordID,
                    })
                }
            }
        });
    }

    loadVisitUser() {
        var params = {
            params: [{
                hospID: this.state.userData.hospID,
            }]
        }
        $http.post('urlDeault', this, {
            code: "03070033",
            data: params,
            success: function (res) {
                if (res.errorCode === '0') {
                    this.setState({
                        doctorData: res.result.data,
                    })
                }
            }
        });
    }

    loadOutcomeList() {
        var params = {
            params: [{}]
        }
        $http.post('urlDeault', this, {
            code: "03070083",
            data: params,
            success: function (res) {
                if (res.errorCode === '0') {
                    this.setState({
                        outcomeList: res.result
                    })
                }
            }
        });
    }

    loadVisitList() {
        var params = {
            params: [{}]
        }
        $http.post('urlDeault', this, {
            code: "03070064",
            data: params,
            success: function (res) {
                if (res.errorCode == '0') {
                    this.setState({
                        visitWay: res.result
                    })
                }
            }
        });
    }

    initData() {
        this.columns = [
            {
                title: '药物名称',
                dataIndex: 'drugName',
                width: 200,
                align: 'center',
                render: (text, data, index) => {
                    return <Input style={{ width: '96%' }} value={data.drugName}
                        disabled={this.props.disStatus == true ? true : false}
                        onChange={this.commonInputTableChange.bind(this, 'drugName', index)} />
                }
            },
            {
                title: '用法',
                dataIndex: 'usage',
                width: 80,
                align: 'center',
                render: (text, data, index) => {
                    return <Input style={{ width: '96%' }} value={data.usage}
                        disabled={this.props.disStatus == true ? true : false}
                        onChange={this.commonInputTableChange.bind(this, 'usage', index)} />
                }
            },
            {
                title: '用量',
                dataIndex: 'dose',
                width: 80,
                align: 'center',
                render: (text, data, index) => {
                    return <Input style={{ width: '96%' }} value={data.dose}
                        disabled={this.props.disStatus == true ? true : false}
                        onChange={this.commonInputTableChange.bind(this, 'dose', index)} />
                }
            },
            {
                title: '用药时间',
                dataIndex: 'date',
                width: 220,
                align: 'center',
                render: (text, data, index) => {
                    // return <RangeDatePicker format='YYYY-MM-DD' width={'98%'} disabled={this.props.disStatus == true ? true : false}
                    //     startDate={data.drugSatrtDate} endDate={data.drugStopDate}
                    //     startChange={this.startChange.bind(this, 'drugSatrtDate', index)} endChange={this.endChange.bind(this, 'drugStopDate', index)} />
                    return <div>
                        <Input style={{ width: '48%' }} placeholder='用药时间' value={data.drugDuration}
                            onChange={this.commonInputTableChange.bind(this, 'drugDuration', index)} />
                        <Select style={{ width: '48%', marginLeft: 3 }} placeholder='用药周期' value={data.durationUnit}
                            onChange={this.commonSelectTableChange.bind(this, 'durationUnit', index)}>
                            <Option key='1' value='天'>天</Option>
                            <Option key='3' value='月'>月</Option>
                            <Option key='4' value='年'>年</Option>
                        </Select>
                    </div>
                }
            },
            {
                title: '操作',
                dataIndex: 'opertion',
                width: 80,
                align: 'center',
                render: (text, data, index) => {
                    return <span>
                        {this.props.disStatus == true ? null : <Popconfirm title="确定要删除吗?" onConfirm={this.handleDel.bind(this, data, index)} >
                            <span className='span' style={{ color: 'rgba(240,65,52,1)' }}>删除</span>
                        </Popconfirm>}
                    </span>
                }
            },
        ]
    }

    commonInputTableChange(name, index, e) {
        var value = e.target.value
        if (name == 'drugDuration') {
            var reg = /(^[1-9][0-9]*$)|(^[1-9][0-9]*\.\d{0,2}$)|^0(?!\d)\.?\d{0,2}$|^[1-9]?$/;
            if (!reg.test(value)) {
                return
            }
        }
        this.state.dataSource[index][name] = e.target.value
        this.setState({})
    }

    commonSelectTableChange(name, index, e) {
        this.state.dataSource[index][name] = e
        this.setState({})
    }

    startChange(name, index, e) {
        this.state.dataSource[index][name] = e ? moment(e).format(dayFormat) : '';
        this.setState({})
    }

    endChange(name, index, e) {
        this.state.dataSource[index][name] = e ? moment(e).format(dayFormat) : ''
        this.setState({})
    }

    handleDel(data, index) {
        if (!Util.isEmpty(data.ID)) {
            this.delTableData(data, index)
        } else {
            this.state.dataSource.splice(index, 1)
            this.setState({})
        }
    }

    delTableData(data, index) {
        var params = {
            params: [{
                userID: this.state.userData.userID,
                ID: data.ID
            }]
        }
        $http.post('urlDeault', this, {
            code: "03070046",
            data: params,
            success: function (res) {
                if (res.errorCode == '0') {
                    message.success('删除成功')
                    this.state.dataSource.splice(index, 1)
                    this.setState({})
                }
            }
        });
    }

    onChange(e) {

    }

    //随访日期
    changeCommonDate(name, e) {
        this.setState({
            [name]: e ? moment(e).format(dayFormat) : ''
        })
    }

    //症状
    commonCheckBoxChange(name, e) {
        if (!Util.isEmpty(e)) {
            if (e.indexOf('a170210') >= 0) {
                this.setState({
                    showStatus: true,
                    [name]: e
                })
            } else {
                this.setState({
                    [name]: e,
                    showStatus: false,
                    anotherValue: undefined
                })
            }
        } else {
            this.setState({
                [name]: e,
                anotherValue: undefined,
                showStatus: false
            })
        }
    }

    clearInput() {
        this.setState({
            clearStatus: true,
            nextVisitDate: '',
            visitDate: '',
            transferWayID: undefined,
            visitWayID: undefined,
            visitUserID: [],
            a170101: undefined,
            a170102: undefined,
            a170103: undefined,
            a170104: undefined,
            anotherValue: undefined,
            a1702: undefined,
            a17030101: undefined,
            a17030102: undefined,
            a17030201: undefined,
            a17030202: undefined,
            a17030301: undefined,
            a17030302: undefined,
            a17030401: undefined,
            a17030402: undefined,
            a17040101: undefined,
            a17040102: undefined,
            a17040201: undefined,
            a17040202: undefined,
            a17040301: undefined,
            a17040302: undefined,
            a17040303: undefined,
            a17040304: undefined,
            a170404: undefined,
            a17040404: undefined,
            a170405: undefined,
            a170406: undefined,
            a1705: undefined,
            a1706: undefined,
            a1708: undefined,
            a1709: undefined,
            a171001: undefined,
            a170803: undefined,
            a171002: undefined,
            a170305: undefined,
            dataSource: []
        }, () => {
            var { clearInput } = this.props;
            clearInput && clearInput()
        })
    }

    handleSaveHypert() {
        this.setState({
            loading: true
        })
        var params = {
            params: [{
                ID: !Util.isEmpty(this.props.assignmentTypeValue) ? this.props.assignmentTypeValue : this.state.visitRecordID,
                patID: this.state.patID,
                docID: this.state.userData.userID,
                signRecordID: this.state.signRecordID,//签约记录
                nextVisitDate: this.state.nextVisitDate ? moment(this.state.nextVisitDate).format(dayFormat) : '',//下次随访日期
                visitDate: this.state.visitDate ? moment(this.state.visitDate).format(dayFormat) : '',//随访日期
                transferWayID: this.state.transferWayID,//随访转归ID
                visitWayID: this.state.visitWayID,//随访方式ID
                createUserID: this.state.userData.userID,//创建人
                updateUserID: this.state.userData.userID,//更新人
                visitUserID: this.state.visitUserID,//随访人员
                // visitStatusID:this.state.visitStatusID,//随访状态
                hospID: this.state.userData.hospID,//随访人员医院
                locID: this.state.userData.locID,//随访人员科室
                assessCat: [
                    {
                        assessCatCode: "a17",
                        tableData: [{
                            data: this.state.dataSource
                        }],
                        assessItem: [
                            {
                                assessItemCode: "a170101",
                                assessItemValue: this.state.a170101,
                                assessNote: '',
                            }, {
                                assessItemCode: "a170102",
                                assessItemValue: this.state.a170102,
                                assessNote: '',
                            }, {
                                assessItemCode: "a170103",
                                assessItemValue: this.state.a170103,
                                assessNote: '',
                            }, {
                                assessItemCode: "a170104",
                                assessItemValue: this.state.a170104,
                                assessNote: '',
                            }, {//症状
                                assessItemCode: "a1702",
                                assessItemValue: this.state.a1702 ? this.state.a1702.join('&') : '',
                                assessNote: this.state.anotherValue,
                            }, {//收缩
                                assessItemCode: "a17030101",
                                assessItemValue: this.state.a17030101,
                                assessNote: '',
                            }, {//舒张
                                assessItemCode: "a17030102",
                                assessItemValue: this.state.a17030102,
                                assessNote: '',
                            }, {//体重
                                assessItemCode: "a17030201",
                                assessItemValue: this.state.a17030201,
                                assessNote: '',
                            }, {//目标体重
                                assessItemCode: "a17030202",
                                assessItemValue: this.state.a17030202,
                                assessNote: '',
                            }, {//体质指数
                                assessItemCode: "a17030301",
                                assessItemValue: this.state.a17030301,
                                assessNote: '',
                            }, {//体质目标指数
                                assessItemCode: "a17030302",
                                assessItemValue: this.state.a17030302,
                                assessNote: '',
                            }, {//心率
                                assessItemCode: "a17030401",
                                assessItemValue: this.state.a17030401,
                                assessNote: '',
                            }, {//目标心率
                                assessItemCode: "a17030402",
                                assessItemValue: this.state.a17030402,
                                assessNote: '',
                            }, {//其他
                                assessItemCode: "a170305",
                                assessItemValue: this.state.a170305,
                                assessNote: '',
                            }, {//吸烟量
                                assessItemCode: "a17040101",
                                assessItemValue: this.state.a17040101,
                                assessNote: '',
                            }, {//目标吸烟量
                                assessItemCode: "a17040102",
                                assessItemValue: this.state.a17040102,
                                assessNote: '',
                            }, {//饮酒量
                                assessItemCode: "a17040201",
                                assessItemValue: this.state.a17040201,
                                assessNote: '',
                            }, {//目标饮酒量
                                assessItemCode: "a17040202",
                                assessItemValue: this.state.a17040202,
                                assessNote: '',
                            }, {//每周次数
                                assessItemCode: "a17040301",
                                assessItemValue: this.state.a17040301,
                                assessNote: '',
                            }, {//每次运动时间
                                assessItemCode: "a17040302",
                                assessItemValue: this.state.a17040302,
                                assessNote: '',
                            }, {//目标次数
                                assessItemCode: "a17040303",
                                assessItemValue: this.state.a17040303,
                                assessNote: '',
                            }, {//目标时间
                                assessItemCode: "a17040304",
                                assessItemValue: this.state.a17040304,
                                assessNote: '',
                            }, {//摄盐情况（咸淡）
                                assessItemCode: "a170404",
                                assessItemValue: this.state.a170404,
                                assessNote: '',
                            }, {//摄盐情况目标值
                                assessItemCode: "a17040404",
                                assessItemValue: this.state.a17040404,
                                assessNote: '',
                            }, {//心理调整
                                assessItemCode: "a170405",
                                assessItemValue: this.state.a170405,
                                assessNote: '',
                            }, {//遵医行为
                                assessItemCode: "a170406",
                                assessItemValue: this.state.a170406,
                                assessNote: '',
                            }, {//辅助检查
                                assessItemCode: "a1705",
                                assessItemValue: this.state.a170501,
                                assessNote: '',
                            }, {//服药依从性
                                assessItemCode: "a1706",
                                assessItemValue: this.state.a1706,
                                assessNote: '',
                            }, {//服药依从性
                                assessItemCode: "a1708",
                                assessItemValue: this.state.a1708,
                                assessNote: this.state.a170803,
                            }, {//此次随访分类
                                assessItemCode: "a1709",
                                assessItemValue: this.state.a1709,
                                assessNote: '',
                            }, {//原因
                                assessItemCode: "a171001",
                                assessItemValue: this.state.a171001,
                                assessNote: '',
                            }, {//机构及科别
                                assessItemCode: "a171002",
                                assessItemValue: this.state.a171002,
                                assessNote: '',
                            }
                        ]
                    }
                ]
            }]
        }
        $http.post('urlDeault', this, {
            code: "03070060",
            data: params,
            success: function (res) {
                if (res.errorCode == '0') {
                    message.success('保存成功')
                    var { loadData } = this.props;
                    loadData && loadData()
                    this.setState({
                        loading: false
                    })
                } else {
                    this.setState({
                        loading: false
                    })
                }
            }
        });
    }

    //添加用药
    addMerism() {
        this.state.dataSource.push({ durationUnit: '天' })
        this.setState({})
    }

    commonInputChangeDisabled(name, e) {
        if (e.target.value == 'a170802') {
            this.setState({
                [name]: e.target.value,
                reactionStatus: true
            })
        } else {
            this.setState({
                [name]: e.target.value,
                a170803: undefined,
                reactionStatus: false
            })
        }
    }

    //校验
    commonInputChange(name, code, e) {
        var value = e.target.value;
        if (code == '1') {
            var reg = /(^[1-9][0-9]*$)|(^[1-9][0-9]*\.\d{0,2}$)|^0(?!\d)\.?\d{0,2}$|^[1-9]?$/;
            if (!reg.test(value)) {
                return
            }
        } else if (code == '2') {
            var regs = /^\d+$/;
            if (!regs.test(value) && !Util.isEmpty(value)) {
                return
            }
        }
        this.setState({
            [name]: value
        })
    }

    commonInputChangeCode(name, e) {
        this.setState({
            [name]: e.target.value,
            transferWayCode: e.target.code
        })
    }

    //单选框反选
    commonInputRadio(name, e) {
        const value = e.target;
        if (value.type == 'radio' && this.state[name] == value.value) {
            this.setState({
                [name]: ''
            })
        }
    }

    render() {
        var date = new Date()
        //随访方式
        var visitWayOption = []
        this.state.visitWay && this.state.visitWay.map((item, index) => {
            visitWayOption.push(<Radio key={index} value={item.id}>{item.descripts}</Radio>)
        })

        //转归
        var outcomeListOption = []
        this.state.outcomeList && this.state.outcomeList.map((item, index) => {
            outcomeListOption.push(<Radio key={index} value={item.id} code={item.code}>{item.descripts}</Radio>)
        })

        //随访人员
        var doctorDataOption = []
        this.state.doctorData && this.state.doctorData.map((item, index) => {
            doctorDataOption.push(<Option key={index} value={item.id} code={item.descriptsSPCode}
                name={item.descripts}>{item.descripts}</Option>)
        })

        return <div className='health-diasble-body'>
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '40px', lineHeight: '40px', textAlign: 'center', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span className='shuld-choose-btn'>*</span>
                    <span>随访日期</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '40px', textAlign: 'left', lineHeight: '40px',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }}>
                    <DatePicker format={dayFormat} onChange={this.changeCommonDate.bind(this, 'visitDate')}
                        disabled={this.props.disStatus == true ? true : false}
                        value={this.state.visitDate ? moment(this.state.visitDate, dayFormat) : ''} style={{ marginLeft: 10 }} />
                </div>
            </div>

            {/**随访方式 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '40px', lineHeight: '40px', textAlign: 'center', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span className='shuld-choose-btn'>*</span>
                    <span>随访方式</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '40px', textAlign: 'left', lineHeight: '40px',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }} onClick={this.commonInputRadio.bind(this, 'visitWayID')}>
                    <Radio.Group onChange={Util.commonInputChange.bind(this, 'visitWayID')} disabled={this.props.disStatus == true ? true : false}
                        value={this.state.visitWayID} style={{ marginLeft: 10 }}>
                        {visitWayOption}
                    </Radio.Group>
                </div>
            </div>

            {/**转归 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '200px', lineHeight: '200px', textAlign: 'center', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span className='shuld-choose-btn'>*</span>
                    <span>转归</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '200px', textAlign: 'center',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8', display: 'flex'
                }}>
                    <div style={{ width: '40%', borderRight: '1px solid #e8e8e8', lineHeight: '200px' }}
                        onClick={this.commonInputRadio.bind(this, 'transferWayID')}>
                        <Radio.Group onChange={this.commonInputChangeCode.bind(this, 'transferWayID')}
                            disabled={this.props.disStatus == true ? true : false} value={this.state.transferWayID}>
                            {outcomeListOption}
                        </Radio.Group>
                    </div>
                    <div style={{ width: '60%' }}>
                        <div onClick={this.commonInputRadio.bind(this, 'a170101')}>
                            原因：<Radio.Group onChange={Util.commonInputChange.bind(this, 'a170101')} value={this.state.a170101}
                                disabled={this.props.disStatus == true ? true : false}>
                                <Radio value={'a17010101'}>死亡</Radio>
                                <Radio value={'a17010102'}>迁出</Radio>
                                <Radio value={'a17010103'}>失访</Radio>
                                <Radio value={'a17010104'}>拒绝</Radio>
                            </Radio.Group>
                        </div>
                        <div style={{ marginTop: 2 }}>
                            失访原因：<Input style={{ width: '75%' }} placeholder='请输入失访原因' value={this.state.a170102}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={Util.commonInputChange.bind(this, 'a170102')} />
                        </div>
                        {/* <div style={{ marginTop: 2 }}>
                            迁出原因：<Input style={{ width: '75%' }} placeholder='请输入迁出原因' value={this.state.a170102}
                                onChange={Util.commonInputChange.bind(this,'a170102')} />
                        </div> */}
                        {/* <div style={{ marginTop: 2 }}>
                            拒绝原因：<Input style={{ width: '75%' }} placeholder='请输入失访原因' />
                        </div> */}
                        <div style={{ marginTop: 2 }}>
                            死亡时间：<DatePicker format={dayFormat} onChange={this.changeCommonDate.bind(this, 'a170103')}
                                disabled={this.props.disStatus == true ? true : false}
                                value={this.state.a170103 ? moment(this.state.a170103, dayFormat) : ''} style={{ width: '75%' }} />
                        </div>
                        <div style={{ marginTop: 2 }}>
                            死亡原因：<Input style={{ width: '75%' }} placeholder='请输入 死亡原因' value={this.state.a170104}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={Util.commonInputChange.bind(this, 'a170104')} />
                        </div>
                    </div>
                </div>
            </div>

            {/**症状 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '80px', lineHeight: '80px', textAlign: 'center', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span>症状</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '80px', textAlign: 'left', lineHeight: '80px',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }}>
                    <Checkbox.Group style={{ marginLeft: 10 }} onChange={this.commonCheckBoxChange.bind(this, 'a1702')}
                        disabled={this.props.disStatus == true ? true : false} value={this.state.a1702}>
                        <Checkbox value="a170201">无症状</Checkbox>
                        <Checkbox value="a170202">头痛头晕</Checkbox>
                        <Checkbox value="a170203">恶心呕吐</Checkbox>
                        <Checkbox value="a170204">眼花耳鸣</Checkbox>
                        <Checkbox value="Ba170205">呼吸困难</Checkbox>
                        <Checkbox value="Ba170206">心悸胸闷</Checkbox>
                        <Checkbox value="a170207">鼻衄出血不止</Checkbox>
                        <Checkbox value="a170208">四肢发麻</Checkbox>
                        <Checkbox value="a170209">下肢水肿</Checkbox>
                        <Checkbox value="a170210" style={{ width: '60%' }}>其他：
                            <Input placeholder='请输入其他症状' style={{ width: '70%' }} disabled={this.state.showStatus == true ? false : true}
                                onChange={Util.commonInputChange.bind(this, 'anotherValue')} value={this.state.anotherValue} /></Checkbox>
                    </Checkbox.Group>
                </div>
            </div>

            {/**体征 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '200px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8', display: 'flex'
                }}>
                    <div style={{ lineHeight: '200px', width: '30%', borderRight: '1px solid #e8e8e8', textAlign: 'center' }}>体征</div>
                    <div style={{ width: '70%' }}>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10 }}>
                            <span className='shuld-choose-btn'>*</span>
                            <span>血压(mmHg)</span>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10, borderTop: '1px solid #e8e8e8' }}>
                            <span className='shuld-choose-btn'>*</span>
                            <span>体重(kg)</span>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10, borderTop: '1px solid #e8e8e8' }}>
                            <span className='shuld-choose-btn'>*</span>
                            <span>体质指数(kg/m²)</span>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10, borderTop: '1px solid #e8e8e8' }}>
                            <span className='shuld-choose-btn'>*</span>
                            <span>心率(bpm)</span>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10, borderTop: '1px solid #e8e8e8' }}>
                            <span>其他</span>
                        </div>
                    </div>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '200px', textAlign: 'left',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }}>
                    <div>
                        <div style={{ height: '40px', lineHeight: '40px' }}>
                            <Input placeholder='请输入收缩压' style={{ width: '20%', marginLeft: 10 }} value={this.state.a17030101}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17030101', '2')} />
                            <span style={{ margin: '0px 10px' }}>/</span>
                            <Input placeholder='请输入舒张压' style={{ width: '20%' }} value={this.state.a17030102}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17030102', '2')} />
                            {/* <span style={{ marginLeft: 10 }}>高血压</span> */}
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', borderTop: '1px solid #e8e8e8' }}>
                            <Input placeholder='请输入体重' style={{ width: '20%', marginLeft: 10 }} value={this.state.a17030201}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17030201', '1')} />
                            <span style={{ margin: '0px 10px' }}>/</span>
                            <Input placeholder='请输入目标体重' style={{ width: '20%' }} value={this.state.a17030202}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17030202', '1')} />
                            {/* <span style={{ marginLeft: 10 }}>超重</span> */}
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', borderTop: '1px solid #e8e8e8' }}>
                            <Input placeholder='请输入体质指数' style={{ width: '20%', marginLeft: 10 }} value={this.state.a17030301}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17030301', '1')} />
                            <span style={{ margin: '0px 10px' }}>/</span>
                            <Input placeholder='请输入目标体指数' style={{ width: '20%' }} value={this.state.a17030302}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17030302', '1')} />
                            {/* <span style={{ marginLeft: 10 }}>超标</span> */}
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', borderTop: '1px solid #e8e8e8' }}>
                            <Input placeholder='请输入心率' style={{ width: '20%', marginLeft: 10 }} value={this.state.a17030401}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17030401', '2')} />
                            <span style={{ margin: '0px 10px' }}>/</span>
                            <Input placeholder='请输入目标心率' style={{ width: '20%' }} value={this.state.a17030402}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17030402', '2')} />
                            <span style={{ marginLeft: 10, color: 'red' }}>
                                {this.state.a17030401 && this.state.a17030401 < 60 ? '惰性心动过缓' :
                                    (this.state.a17030401 && this.state.a17030401 > 100 ? '惰性心动过速' : '')}</span>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', borderTop: '1px solid #e8e8e8' }}>
                            <Input placeholder='请输入' style={{ width: '43%', marginLeft: 10 }} value={this.state.a170305}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={Util.commonInputChange.bind(this, 'a170305')} />
                        </div>
                    </div>
                </div>
            </div>

            {/**生活指导方式 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '280px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8', display: 'flex'
                }}>
                    <div style={{ paddingTop: '48%', width: '30%', borderRight: '1px solid #e8e8e8' }}>
                        <div>生活指导方式</div>
                    </div>
                    <div style={{ width: '70%' }}>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10 }}>
                            <span className='shuld-choose-btn'>*</span>
                            <span>日吸烟量(支)</span>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10, borderTop: '1px solid #e8e8e8' }}>
                            <span className='shuld-choose-btn'>*</span>
                            <span>日饮酒量(两)</span>
                        </div>
                        <div style={{ height: '80px', lineHeight: '80px', paddingLeft: 10, borderTop: '1px solid #e8e8e8' }}>
                            <span className='shuld-choose-btn'>*</span>
                            <span>运动</span>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10, borderTop: '1px solid #e8e8e8' }}>
                            <span className='shuld-choose-btn'>*</span>
                            <span>摄盐情况(咸淡)</span>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10, borderTop: '1px solid #e8e8e8' }}>
                            <span>心理调整</span>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10, borderTop: '1px solid #e8e8e8' }}>
                            <span>遵医行为</span>
                        </div>
                    </div>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '280px', textAlign: 'left',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }}>
                    <div>
                        <div style={{ height: '40px', lineHeight: '40px' }}>
                            <Input placeholder='请输入吸烟量' style={{ width: '20%', marginLeft: 10 }} value={this.state.a17040101}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17040101', '1')} />
                            <span style={{ margin: '0px 10px' }}>/</span>
                            <Input placeholder='请输入目标吸烟量' style={{ width: '20%' }} value={this.state.a17040102}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17040102', '1')} />
                            {/* <span style={{ marginLeft: 10 }}>高血压</span> */}
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', borderTop: '1px solid #e8e8e8' }}>
                            <Input placeholder='请输入饮酒量' style={{ width: '20%', marginLeft: 10 }} value={this.state.a17040201}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17040201', '1')} />
                            <span style={{ margin: '0px 10px' }}>/</span>
                            <Input placeholder='请输入目标饮酒量' style={{ width: '20%' }} value={this.state.a17040202}
                                disabled={this.props.disStatus == true ? true : false}
                                onChange={this.commonInputChange.bind(this, 'a17040202', '1')} />
                            {/* <span style={{ marginLeft: 10 }}>超重</span> */}
                        </div>
                        <div style={{ height: '80px', borderTop: '1px solid #e8e8e8' }}>
                            <div style={{ marginTop: 5 }}>
                                <Input placeholder='请输入每周次数' style={{ width: '20%', marginLeft: 10 }} value={this.state.a17040301}
                                    disabled={this.props.disStatus == true ? true : false}
                                    onChange={this.commonInputChange.bind(this, 'a17040301', '2')} />
                                <span style={{ margin: '0px 10px' }}>次/周</span>
                                <Input placeholder='请输入每次运动时间' style={{ width: '20%' }} value={this.state.a17040302}
                                    disabled={this.props.disStatus == true ? true : false}
                                    onChange={this.commonInputChange.bind(this, 'a17040302', '2')} />
                                <span style={{ marginLeft: 10 }}>分钟/次</span>
                            </div>
                            <div style={{ marginTop: 5 }}>
                                <Input placeholder='请输入每周运动目标次数' style={{ width: '20%', marginLeft: 10 }} value={this.state.a17040303}
                                    disabled={this.props.disStatus == true ? true : false}
                                    onChange={this.commonInputChange.bind(this, 'a17040303', '2')} />
                                <span style={{ margin: '0px 10px' }}>次/周</span>
                                <Input placeholder='请输入每周运动目标时间' style={{ width: '20%' }} value={this.state.a17040304}
                                    disabled={this.props.disStatus == true ? true : false}
                                    onChange={this.commonInputChange.bind(this, 'a17040304', '2')} />
                                <span style={{ marginLeft: 10 }}>分钟/次</span>
                            </div>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', borderTop: '1px solid #e8e8e8', display: 'flex' }}>
                            <div onClick={this.commonInputRadio.bind(this, 'a170404')}>
                                <Radio.Group onChange={Util.commonInputChange.bind(this, 'a170404')} disabled={this.props.disStatus == true ? true : false}
                                    value={this.state.a170404} style={{ marginLeft: 10 }}>
                                    <Radio value={'a17040401'}>轻</Radio>
                                    <Radio value={'a17040402'}>中</Radio>
                                    <Radio value={'a17040403'}>重</Radio>
                                </Radio.Group>
                            </div>
                            目标值：
                            <div onClick={this.commonInputRadio.bind(this, 'a17040404')}>
                                <Radio.Group onChange={Util.commonInputChange.bind(this, 'a17040404')} disabled={this.props.disStatus == true ? true : false}
                                    value={this.state.a17040404}>
                                    <Radio value={'a1704040401'}>轻</Radio>
                                    <Radio value={'a1704040402'}>中</Radio>
                                    <Radio value={'a1704040403'}>重</Radio>
                                </Radio.Group>
                            </div>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', borderTop: '1px solid #e8e8e8' }}
                            onClick={this.commonInputRadio.bind(this, 'a170405')}>
                            <Radio.Group onChange={Util.commonInputChange.bind(this, 'a170405')} disabled={this.props.disStatus == true ? true : false}
                                value={this.state.a170405} style={{ marginLeft: 10 }}>
                                <Radio value={'a17040501'}>良好</Radio>
                                <Radio value={'a17040502'}>一般</Radio>
                                <Radio value={'a17040503'}>差</Radio>
                            </Radio.Group>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', borderTop: '1px solid #e8e8e8' }}
                            onClick={this.commonInputRadio.bind(this, 'a170406')}>
                            <Radio.Group onChange={Util.commonInputChange.bind(this, 'a170406')} disabled={this.props.disStatus == true ? true : false}
                                value={this.state.a170406} style={{ marginLeft: 10 }}>
                                <Radio value={'a17040601'}>良好</Radio>
                                <Radio value={'a17040602'}>一般</Radio>
                                <Radio value={'a17040603'}>差</Radio>
                            </Radio.Group>
                        </div>
                    </div>
                </div>
            </div>

            {/**辅助检查 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '40px', lineHeight: '40px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span style={{ paddingLeft: 10 }}>辅助检查</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '40px', textAlign: 'left', lineHeight: '40px',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }}>
                    <Input placeholder='请输入检查内容' style={{ width: '80%', marginLeft: 10 }} disabled={this.props.disStatus == true ? true : false}
                        onChange={Util.commonInputChange.bind(this, 'a170501')}
                        value={this.state.a170501} />
                </div>
            </div>

            {/**服药依从性 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '40px', lineHeight: '40px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span className='shuld-choose-btn' style={{ paddingLeft: 10 }}>*</span>
                    <span>服药依从性</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '40px', textAlign: 'left', lineHeight: '40px',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }} onClick={this.commonInputRadio.bind(this, 'a1706')}>
                    <Radio.Group onChange={Util.commonInputChange.bind(this, 'a1706')} disabled={this.props.disStatus == true ? true : false}
                        value={this.state.a1706} style={{ paddingLeft: 10 }}>
                        <Radio value={'a170601'}>规律</Radio>
                        <Radio value={'a170602'}>间断</Radio>
                        <Radio value={'a170603'}>不服药</Radio>
                    </Radio.Group>
                </div>
            </div>

            {/**用药情况 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '200px', lineHeight: '200px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span style={{ paddingLeft: 10 }}>用药情况</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '200px', textAlign: 'left',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }}>
                    <Table columns={this.columns} dataSource={this.state.dataSource}
                        bordered pagination={false}
                        title={() => {
                            return <Button size='small' style={{ textAlign: 'left' }} onClick={this.addMerism.bind(this)}
                                disabled={this.props.disStatus == true ? true : false}>添加药品</Button>
                        }}
                        scroll={{ x: 800, y: '115px' }}>
                    </Table>
                </div>
            </div>

            {/**药物不良反应 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '40px', lineHeight: '40px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span style={{ paddingLeft: 10 }}>药物不良反应</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '40px', textAlign: 'left', lineHeight: '40px',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }} onClick={this.commonInputRadio.bind(this, 'a1708')}>
                    <Radio.Group onChange={this.commonInputChangeDisabled.bind(this, 'a1708')} disabled={this.props.disStatus == true ? true : false}
                        value={this.state.a1708} style={{ paddingLeft: 10 }}>
                        <Radio value={'a170801'}>无</Radio>
                        <Radio value={'a170802'}>有</Radio>
                    </Radio.Group>
                    <Input placeholder='请输入不良反应' style={{ marginLeft: 10, width: '40%' }} value={this.state.a170803}
                        // disabled={this.props.disStatus == true ? true : false}
                        onChange={Util.commonInputChange.bind(this, 'a170803')}
                        disabled={this.state.reactionStatus == true ? false : true}
                    />
                </div>
            </div>

            {/**此次随访分类 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '40px', lineHeight: '40px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span style={{ paddingLeft: 10 }}>此次随访分类</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '40px', textAlign: 'left', lineHeight: '40px',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }} onClick={this.commonInputRadio.bind(this, 'a1709')}>
                    <Radio.Group onChange={Util.commonInputChange.bind(this, 'a1709')} disabled={this.props.disStatus == true ? true : false}
                        value={this.state.a1709} style={{ paddingLeft: 10 }}>
                        <Radio value={'a170901'}>控制满意</Radio>
                        <Radio value={'a170902'}>控制不满意</Radio>
                        <Radio value={'a170903'}>不良反应</Radio>
                        <Radio value={'a170904'}>并发症</Radio>
                    </Radio.Group>
                </div>
            </div>

            {/**转诊 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '80px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8', display: 'flex'
                }}>
                    <div style={{ lineHeight: '80px', width: '30%', borderRight: '1px solid #e8e8e8', textAlign: 'center' }}>转诊</div>
                    <div style={{ width: '70%' }}>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10 }}>
                            <span>原因</span>
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', paddingLeft: 10, borderTop: '1px solid #e8e8e8' }}>
                            <span>机构及科别</span>
                        </div>
                    </div>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '80px', textAlign: 'left',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }}>
                    <div>
                        <div style={{ height: '40px', lineHeight: '40px' }}>
                            <Input placeholder='请输入转诊原因' style={{ width: '80%', marginLeft: 10 }}
                                onChange={Util.commonInputChange.bind(this, 'a171001')} disabled={this.props.disStatus == true ? true : false}
                                value={this.state.a171001} />
                        </div>
                        <div style={{ height: '40px', lineHeight: '40px', borderTop: '1px solid #e8e8e8' }}>
                            <Input placeholder='请输入转诊机构及科别' style={{ width: '80%', marginLeft: 10 }}
                                onChange={Util.commonInputChange.bind(this, 'a171002')} disabled={this.props.disStatus == true ? true : false}
                                value={this.state.a171002} />
                        </div>
                    </div>
                </div>
            </div>

            {/**下次随访日期 */}
            {this.state.transferWayCode == '01' ? <div>
                <div className='hysert-table-left-body' style={{
                    height: '40px', lineHeight: '40px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span className='shuld-choose-btn' style={{ paddingLeft: 10 }}>*</span>
                    <span >下次随访日期</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '40px', textAlign: 'left', lineHeight: '40px',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }}>
                    <DatePicker format={dayFormat} onChange={this.changeCommonDate.bind(this, 'nextVisitDate')}
                        disabled={this.props.disStatus == true ? true : false}
                        value={this.state.nextVisitDate ? moment(this.state.nextVisitDate, dayFormat) : ''} style={{ marginLeft: 10 }} />
                </div>
            </div> : null}

            {/**下次随访人员 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '40px', lineHeight: '40px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span style={{ paddingLeft: 10 }}>随访人员</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '40px', textAlign: 'left', lineHeight: '40px',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }}>
                    <Select placeholder='请选择下次随访人员' style={{ width: '80%', marginLeft: 10 }}
                        onChange={Util.handleSelectChange.bind(this, 'visitUserID')} value={this.state.visitUserID}
                        showSearch mode="multiple" disabled={this.props.disStatus == true ? true : false}
                        filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                            || option.props.code.toLowerCase().indexOf(input.toLowerCase()) >= 0
                        }>
                        {doctorDataOption}
                    </Select>
                </div>
            </div>

            {/**随访录入日期 */}
            <div>
                <div className='hysert-table-left-body' style={{
                    height: '40px', lineHeight: '40px', textAlign: 'left', borderTop: '1px solid #e8e8e8'
                    , borderLeft: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8'
                }}>
                    <span style={{ paddingLeft: 10 }}>随访录入日期</span>
                </div>
                <div className='hysert-table-right-body' style={{
                    height: '40px', textAlign: 'left', lineHeight: '40px',
                    borderTop: '1px solid #e8e8e8', borderRight: '1px solid #e8e8e8',
                }}>
                    <span style={{ paddingLeft: 10 }}>{moment(date).format(dayFormat)}</span>
                </div>
            </div>

            {this.props.today == true ? <div style={{ textAlign: 'center', position: 'fixed', top: '88%', left: '50%' }}>
                <Button style={{ marginLeft: 10 }}>打印</Button>
                <Button type='primary' style={{ marginLeft: 10 }} onClick={this.handleSaveHypert.bind(this)}>保存</Button>
            </div>
                : <div style={{ textAlign: 'center', position: 'fixed', top: '93%', left: '50%', display: 'flex' }}>
                    <Button style={{ marginLeft: 10 }} onClick={this.clearInput.bind(this)} disabled={this.props.disStatus == true ? true : false}>新增随访</Button>
                    <Button style={{ marginLeft: 10 }} disabled={this.props.disStatus == true ? true : false}>打印</Button>
                    <Spin spinning={this.state.loading} indicator={<Icon type='loading' />}>
                        <Button type='primary' style={{ marginLeft: 10 }} onClick={this.handleSaveHypert.bind(this)} disabled={this.props.disStatus == true ? true : false}>保存</Button>
                    </Spin>
                </div>}

            {/**尾部div */}
        </div>
    }

}

export default HypertensionPageTabPane;