import React, {Component} from 'react';
import {
    View,
    Text,
    StatusBar,
    ScrollView,
} from 'react-native';
import {
    List,
} from '@ant-design/react-native';

import CallPhone from '../../components/CallPhone';
import ComponentsStyles from '../../components/ComponentsStyles';

class ReportCustomerDetail extends Component {
    //  报备客户详情
    constructor(props) {
        super(props);
    };

    render() {
        const item = this.props.navigation.state.params.item;
        return (
            <View style={{flex: 1, backgroundColor:'#fff'}}>
                <ScrollView style={{marginBottom: 5}}>
                    <StatusBar backgroundColor={'#fff'} barStyle='dark-content'/>
                    <List>
                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.name}</Text>} arrow="empty">
                            <Text style={ComponentsStyles.font15}>姓名</Text>
                        </List.Item>
                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.gender_text}</Text>}
                                   arrow="empty">
                            <Text style={ComponentsStyles.font15}>性别</Text>
                        </List.Item>
                        <View style={ComponentsStyles.telItemView}>
                            <Text style={ComponentsStyles.telName}>电话</Text>
                            <View style={ComponentsStyles.telView}>
                                <Text style={[ComponentsStyles.icon, {marginLeft: 8}]}>{'\ue61a'}</Text>
                                <Text style={ComponentsStyles.telText}
                                      onPress={() => CallPhone(item.tel, 1)}>
                                    {item.tel}
                                </Text>
                            </View>
                        </View>

                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.village}</Text>} arrow="empty">
                            <Text style={ComponentsStyles.font15}>小区</Text>
                        </List.Item>
                        <List.Item extra={<Text style={ComponentsStyles.IDText}>{item.address}</Text>}
                                   arrow="empty">
                            <Text style={ComponentsStyles.font15}>地址</Text>
                        </List.Item>
                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.source_text}</Text>}
                                   arrow="empty">
                            <Text style={ComponentsStyles.font15}>来源</Text>
                        </List.Item>
                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.project_text}</Text>}
                                   arrow="empty">
                            <Text style={ComponentsStyles.font15}>项目</Text>
                        </List.Item>
                        <List.Item extra={<Text style={ComponentsStyles.IDText}>{item.report_status_text}</Text>}
                                   arrow="empty">
                            <Text style={ComponentsStyles.font15}>报备状态</Text>
                        </List.Item>
                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.create_time_f}</Text>}
                                   arrow="empty">
                            <Text style={ComponentsStyles.font15}>报备时间</Text>
                        </List.Item>
                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.create_user_text}</Text>}
                                   arrow="empty">
                            <Text style={ComponentsStyles.font15}>报备人</Text>
                        </List.Item>
                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.check_time_f}</Text>}
                                   arrow="empty">
                            <Text style={ComponentsStyles.font15}>审核时间</Text>
                        </List.Item>
                        <List.Item extra={<Text style={ComponentsStyles.font15}>{item.check_user_text}</Text>}
                                   arrow="empty">
                            <Text style={ComponentsStyles.font15}>审核人</Text>
                        </List.Item>

                        <List.Item extra={<Text style={ComponentsStyles.IDText}>{item.notes}</Text>}
                                   arrow="empty">
                            <Text style={ComponentsStyles.font15}>备注</Text>
                        </List.Item>
                    </List>
                </ScrollView>
            </View>
        );
    }
}

export default ReportCustomerDetail;