/*
* 协议
* */

import React, { Component } from 'react';
import {
    Input, Form, Select, Modal, Button, Progress, Upload, message, Icon, Table,
    Card, Row, Col, DatePicker, Popconfirm, Checkbox, Radio, Calendar, Tabs
} from 'antd';
import { Util, dayFormat } from 'tools/index';
import { $http } from 'containers/config/https';
import DiabetesPageTabPane from './DiabetesPageTabPane';
import '../style/index.less';
import moment from 'moment';

const Option = Select.Option;
const Search = Input.Search;
const FormItem = Form.Item;
const TabPane = Tabs.TabPane;
const { TextArea } = Input;

class ShowSignModal extends 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 = {
            leftData: [],
            rightData: [],
            userData: userData,
            activeKey: "1",
            patID: patID
        }
    }
    componentWillReceiveProps(nextProp) {
        if (nextProp.isShow === true) {
            this.setState({
                signData: nextProp.signData
            }, () => {
                if (nextProp.signData) {
                    this.loadSignMessage(nextProp.signData.hospID, nextProp.signData.docID)
                }
            })
        } else if (this.props.isShow === false) {
            this.cleanInput();
        }
    }

    componentDidMount() {
        this.initData()
    }

    initData() {
        this.familyColumns = [
            {
                title: '姓名',
                dataIndex: 'patName',
                width: 100,
                align: 'left',
            },
            {
                title: '关系',
                dataIndex: 'relaDesc',
                width: 100,
                align: 'left',
            },
            {
                title: '性别',
                dataIndex: 'patSexDesc',
                width: 100,
                align: 'left',
            },
            {
                title: '身份证号码',
                dataIndex: 'patCredNo',
                width: 200,
                align: 'left',
            },
            {
                title: '联系方式',
                dataIndex: 'patMobile',
                width: 100,
                align: 'left',
            },
            // {
            //     title: '是否医保',
            //     dataIndex: 'typeDesc',
            //     width: 100,
            //     align: 'left',
            // },
            // {
            //     title: '人群分类',
            //     dataIndex: 'classDesc',
            //     width: 100,
            //     align: 'left',
            // }, {
            //     title: '医保卡号',
            //     dataIndex: 'iNSUNo',
            //     width: 100,
            //     align: 'left'
            // },
        ]
    }

    loadSignMessage(hospID, docID) {
        var params = {
            params: [{
                patID: this.state.patID,
                hospID: hospID,
                doctorID: docID
            }]
        }
        $http.post('urlS', this, {
            code: '03070057',
            data: params,
            success: function (res) {
                if (res.errorCode == '0') {
                    this.setState({
                        signMessage: res.result,
                        family: res.result.data
                    })
                }
            }
        })
    }

    closeModal(name) {
        let { onHide } = this.props;
        onHide && onHide();
        this.cleanInput();
    }

    //清空输入框
    cleanInput() {
        this.props.form.resetFields();
        this.setState({
            detailData: {}
        })
    }

    startChange(date) {
        this.setState({
            regDateFrom: date,
        })
    }

    endChange(date) {
        this.setState({
            regDateTo: date,
        })
    }

    render() {

        return <div>
            <Modal className='show-information-modal'
                title={'查看协议书'}
                maskClosable={false}
                visible={this.props.isShow}
                footer={null}
                onCancel={this.closeModal.bind(this)}>

                <Card>
                    <h2 style={{ textAlign: 'center' }}>深圳市家庭医生服务协议书</h2>

                    <div>
                        <div style={{ display: 'flex' }}>
                            <div style={{ width: 250 }}>
                                <span style={{ color: 'black', fontWeight: 'bold' }}>甲方：</span>
                                <span>{this.state.signMessage && this.state.signMessage.docName || '--'}</span>
                            </div>

                            <div style={{ marginLeft: '10%' }}>
                                联系电话：{this.state.signMessage && this.state.signMessage.docMobile || '--'}
                            </div>
                        </div>

                        <div style={{ marginTop: 10, display: 'flex' }}>
                            <div style={{ width: 250 }}>
                                <span style={{ color: 'black', fontWeight: 'bold' }}>乙方：</span>
                                <span>{this.state.signMessage && this.state.signMessage.patName || '--'}</span>
                            </div>
                            <div style={{ marginLeft: '10%' }}>
                                联系电话：{this.state.signMessage && this.state.signMessage.patMobile || '--'}
                            </div>
                            <div style={{ marginLeft: '10%' }}>
                                现住址：{this.state.signMessage &&
                                    (this.state.signMessage.patProvince + this.state.signMessage.patCity
                                        + this.state.signMessage.patArea + this.state.signMessage.patVillage
                                        + this.state.signMessage.patAddress + this.state.signMessage.patHamlet) || '--'}
                            </div>
                        </div>

                        <div style={{ marginTop: 10, width: 250 }}>
                            <span style={{ color: 'black', fontWeight: 'bold' }}>丙方：</span>
                            <span>{this.state.signMessage && this.state.signMessage.hospDesc || '--'}</span>
                        </div>

                        <div style={{ marginTop: 10 }}>
                            <div style={{ textIndent: 20 }}>
                                根据深圳市《家庭医生服务规范》规定，甲、乙、丙三方协商，乙方自愿聘请甲方家庭医生团队，接受甲方家庭医生团队服务。
                            </div>
                            <h3 style={{ marginTop: 5 }}>一、甲方(家庭医生团队)职责：</h3>
                            <div style={{ textIndent: 20 }}>
                                1、建立健康档案，为档案隐私尽保护责任。为乙方提供电子病历、保健体检信息等资料的存储和查询，
                                提供健康教育资料信息的索阅和网络阅读（发放健康处方）、个体化健康教育。在工作时间为乙方提供健康咨询服务，和履行健康信息的告知义务。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                2、对常住非户籍≥65岁和户籍≥60岁居民，开展每年一次免费健康评估和中医健康指导。（健康评估内容包括：医学、功能、心理、社会评估）
                            </div>
                            <div style={{ textIndent: 20 }}>
                                3、为0～3岁的儿童开展系统保健管理指导服务（定期健康体检、发育评价、保健指导、预防接种、中医健康指导），为新生儿进行家庭访视。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                4、为中孕期妇女提供5次孕期指导及2次产后访视指导、为妇女提供保健咨询指导（计划生育的咨询指导、孕前保健、生殖健康、心理健康指导等）。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                5、为家庭成员提供中医药特色服务（如：中医体质辨识，亚健康中医药调理等）。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                6、为高血压、糖尿病等慢性病患者提供健康系统管理及转介服务。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                7、为严重精神障碍患者进行管理随访和康复指导。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                8、为结核病患者进行督导服药和管理随访。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                9、对传染病及突发公共卫生事件报告和处理服务。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                10、提供预约就诊、优先转诊、居家护理服务等。乙方及家庭有需要时，经过医师评估、签订家庭病床服务协议后，提供家庭病床服务。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                11、提供常见病、多发病的诊断和治疗服务，对危、急、重症患者提供抢救和转诊服务。
                            </div>

                            <h3 style={{ marginTop: 5 }}>二、乙方(社区居民)责任与义务：</h3>
                            <div style={{ textIndent: 20 }}>
                                1、提供详实的个人及家庭成员信息，提供真实的个人健康资料。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                2、对预约上门服务的家庭医生团队给予足够的便利。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                3、配合所签约的家庭医生团队，定期管理和维护个人及家庭的信息。按照家庭医生团队要求进行健康管理。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                4、在家庭医生团队服务过程中，服从甲方安排，及时按规定付费。
                            </div>

                            <h3 style={{ marginTop: 5 }}>三、丙方（社区健康服务中心）责任：</h3>
                            <div style={{ textIndent: 20 }}>
                                加强对甲方的管理，并对甲方在为乙方服务过程提供支持和后勤保障。
                            </div>
                            <div style={{ textIndent: 20 }}>
                                四、合约期内，乙方对甲方不满意，可请丙方协商解决，也可申请重新选择家庭医
                                生团队。乙方对甲方不提供家庭及成员真实信息的，或拒不配合家庭医生团队管理的，
                                甲方有权终止服务协议。

                            </div>
                            <div style={{ textIndent: 20 }}>
                                本协议书一式两份，甲、乙双方各执一份，自签订之日起生效，有效期为一年。期
                                满后如甲、乙双方无终止协议意向，默认为自动续约。
                            </div>
                        </div>
                    </div>
                    <h2 style={{ marginTop: 10, textAlign: 'center' }}>社康中心家庭成员信息采集表</h2>
                    <Table columns={this.familyColumns}
                        dataSource={this.state.family}
                        scroll={{ y: 200 }}
                        pagination={false} bordered>
                    </Table>

                    <div style={{ width: 300, marginTop: 20 }}>
                        <span style={{ color: 'black', fontWeight: 'bold' }}>乙方本人签名：</span>
                        <img src={this.state.signData && this.state.signData.signName}/>
                    </div>
                </Card>
            </Modal>
        </div>
    }
}

export default Form.create()(ShowSignModal);