customer / shanghai-railway-rnapp

import React, {Component} from "react";
import {DeviceEventEmitter, FlatList, Image, StyleSheet, Text, TouchableOpacity, View} from "react-native";
import {width, zoomH, zoomW} from "../../utils/getSize";
import CustomInput from "../../widget/CustomInput";
import {xnToast,NoDoublePress,getHomeColor} from "../../utils/utils";
import AppService from "../../service/AppService";

const defaultIcon = require("../../img/defaultIcon.png");

export default class SearchPersonal extends Component {
    constructor(props) {
        super(props);
        this.state = {
            data: [],
            queryCount: 0,
            isInvite: false
        };
    }

    attention = (id)=> {
        const _this = this;
        let params = {
            forumId: global.forumId,
            targetUserId: id,
            attentionUserId: global.userId,
            targetType: 1,
            isActive: true
        };
        if (global.isConnected) {
            AppService.attention(params).then((data)=> {
                this.setState({
                    loading: false
                });
                if (data.message) {
                    xnToast(data.message);
                    return;
                }
                if (!!data.errors === true && !!data.errors.length > 0) {
                    xnToast(data.errors[0].message);
                } else {
                    xnToast('已关注');
                    this.setState({
                        data: []
                    });
                    this.getList();
                    DeviceEventEmitter.emit('refreshHomeHistory');
                    DeviceEventEmitter.emit('refreshCollectList');
                    DeviceEventEmitter.emit('refreshAttention');
                    DeviceEventEmitter.emit('refreshHomeList');
                    DeviceEventEmitter.emit("refreshAllList");
                    DeviceEventEmitter.emit('reGetThreadDetailInfo');
                }
            })
        } else {
            this.setState({
                loading: false
            });
            xnToast('请检查网络');
        }
    };

    cancelAttention = (id)=> {
        // console.logic(id);
        console.log(id)
        const _this = this;
        let params = {
            id: id
        };
        if (global.isConnected) {
            AppService.cancleAttention(params).then((data) => {
                _this.setState({
                    loading: false
                });
                if (data.message) {
                    xnToast(data.message);
                    return;
                }
                if (!!data.errors === true && !!data.errors.length > 0) {
                    xnToast(data.errors[0].message);
                } else {
                    xnToast('取消关注');
                    _this.setState({
                        data: []
                    });
                    this.getList();
                    DeviceEventEmitter.emit('refreshHomeHistory');
                    DeviceEventEmitter.emit('refreshCollectList');
                    DeviceEventEmitter.emit('refreshAttention');
                    DeviceEventEmitter.emit('refreshHomeList');
                    DeviceEventEmitter.emit("refreshAllList");
                    DeviceEventEmitter.emit('reGetThreadDetailInfo');
                }
            })
        } else {
            xnToast('请检查网络');
        }
    };


    // 调用接口数据
    componentWillMount() {
        this.getList();
    }

    componentDidMount() {

    }

    // 获取关注的人的列表
    getList() {
        if (!global.isConnected) {
            xnToast("暂无网络连接，请稍后重试");
            return;
        }
        let params = {
            name:this.props.triData,
            includeOwner:false,
            pageSize:0
        };
        AppService.queryUser(params)
            .then(data => {
                this.dataHandle(data);
            })
            .catch(error => {
                xnToast(error);
            });
    }

    // 查询关注的用户 根据用户名
    queryUserByName(name) {
        if (!!!name) {
            xnToast("输入为空");
            return;
        }
        let params = {
            name: name,
            isActive: true
        };
        AppService.queryUser(params)
            .then(data => {
                this.queryUserDataHandle(data);
                this.setState({
                    queryCount: 0
                });
            })
            .catch(error => {
                xnToast(error);
            });
    }

    // 邀请用户回答
    inviteUer(userId) {
        if (!!!userId) {
            xnToast("邀请失败，ID不存在");
            return;
        }
        let params = {
            userId: userId
        };
        AppService.inviteComment(params)
            .then(data => {
                if (data.firstErrorMessage == "") {
                    this.setState({
                        isInvite: true
                    });
                    return;
                }
                xnToast(data.firstErrorMessage);
            })
            .catch(error => {
                xnToast(error);
            });
    }

    /**
     * 接口数据处理
     * @param {*} data
     */
    dataHandle(data) {
        if (!!!data) {
            // xnToast("暂无数据!!!");
            return;
        }
        let resultStr = data.result;
        let resultArr = [];
        for (let i = 0; i < resultStr.length; i++) {
            let item = {
                headUrl: null,
                userName: "",
                userDesc: "",
                tenantId: "",
                userId: "",
                isAttend: false,
                attentionid:0
            };
            item.headUrl = resultStr[i].headFileUrl;
            item.userName = resultStr[i].name;
            item.userDesc = resultStr[i].description;
            item.tenantId = resultStr[i].tenantId;
            item.userId = resultStr[i].id;
            item.isAttend = resultStr[i].hasBeenAttended;
            if (resultStr[i].attention) {
                item.attentionid = resultStr[i].attention.id;
            }
            resultArr.push(item);
        }

        this.setState({
            data: resultArr
        });
    }

    queryUserDataHandle(data) {
        if (!!!data) {
            // xnToast("暂无数据!!!");
            return;
        }
        let resultStr = data.result;
        let resultArr = [];
        for (let i = 0; i < resultStr.length; i++) {
            let item = {
                headUrl: "",
                userName: "",
                userDesc: "",
                tenantId: "",
                userId: ""
            };
            item.url = resultStr[i].headFileUrl;
            item.userName = resultStr[i].name;
            item.userDesc = resultStr[i].description;
            item.tenantId = resultStr[i].tenantId;
            item.userId = resultStr[i].id;
            resultArr.push(item);
        }
        this.setState({
            data: resultArr
        });
    }

    //渲染item
    keyExtractor = (item, index) => index;
    renderItem({ item, index }) {
        return (
            <View>
                <TouchableOpacity
                    onPress={() => {
                NoDoublePress.onPress(()=>{
                                      
                                      this.props.navigation.navigate('PersonalHomePage',{ 'userId': item.userId});
                                      })
                }}
                    style={styles.itemBackground}
                >
                    {/*头像部分*/}



                    <View style={styles.headerPhotoViewStyle}>

                        {!item.headUrl ? (
                                <Image
                                    style={styles.headerPhotoStyle}
                                    source={defaultIcon}
                                    resizeMode="cover"
                                />
                            ) : (
                                <Image
                                    style={styles.headerPhotoStyle}
                                    source={{
                                        uri: item.headUrl,
                                        cache: "force-cache"
                                    }}
                                    resizeMode="cover"
                                />
                            )}

                    </View>
                    {/*文字部分*/}
                    <View style={styles.itemTextViewStyle}>
                        <Text numberOfLines={1} style={styles.itemTextNameStyle}>
                            {item.userName}
                        </Text>
                        <Text numberOfLines={5} style={styles.itemTextContentStyle}>
                            {item.userDesc}
                        </Text>
                    </View>
                    {/*申请按钮部分*/}
                    <View style={styles.inviteBtnViewStyle}>
                        <TouchableOpacity
                            style={[styles.invitedBtnStyle, { backgroundColor: item.isAttend ? '#E9E9E9' : global.homeColor }]}
                            onPress={() => {
                                if (item.isAttend) {
                                    this.cancelAttention(item.attentionid);
                                }else {
                                    this.attention(item.userId);
                                }
                            }}
                        >
                            <Text style={{ fontSize: 14, color: item.isAttend ? 'rgba(0,0,0,0.45)' : '#fff' }}>
                                {item.isAttend ? "已关注" : "关注"}
                            </Text>
                        </TouchableOpacity>
                    </View>
                </TouchableOpacity>
            </View>
        );
    }

    renderHeaderView() {
        return (
            <View style={styles.headerViewStyle}>
                <CustomInput
                    style={styles.inputStyle}
                    ref={c => (this.input = c)}
                    placeholder={"输入搜索关键字"}
                    placeholderTextColor={"#999999"}
                    onFocus={() => {
                        this.setState({
                            data: []
                        });
                    }}
                    onSubmitEditing={event => {
                        if (this.state.queryCount == 0) {
                            this.queryUserByName(event.nativeEvent.text);
                            this.setState({
                                queryCount: 1
                            });
                        }
                    }}
                    onTextEmpty={() => {
                        this.getList();
                    }}
                    onButtonClick={() => {
                        //根据需要自己控制
                        this.input.clearInputValue();
                        this.getList();
                    }}
                />
            </View>
        );
    }

    render() {
        return (
            <View style={styles.background}>

                {this.state.data && (
                    <FlatList
                        style={{ flex: 1, display: "flex" }}
                        refreshing={false}
                        keyExtractor={this.keyExtractor}
                        data={this.state.data}
                        renderItem={this.renderItem.bind(this)}
                        showsVerticalScrollIndicator={false}
                    />
                )}
            </View>
        );
    }
}

const styles = StyleSheet.create({
    background: {
        flex: 1,
        flexDirection: "column",
        backgroundColor: "#fff"
    },
    headerViewStyle: {
        flexDirection: "row",
        height: width * 0.14,
        alignItems: "center",
        justifyContent: "center",
        backgroundColor: "#f3f5f6"
    },
    inputStyle: {
        fontSize: 14,
        color: "#878787",
        width: width - 54, //给TextInput设置宽度，根据需要来
        height: width * 0.1,
        backgroundColor: "#fff",
        paddingLeft: 30,
        paddingTop: 11,
        borderTopLeftRadius: 8,
        borderBottomLeftRadius: 8,
        marginTop: 6,
        marginBottom: 6,
        marginLeft: 15
    },
    itemBackground: {
        backgroundColor: "#fff",
        padding: 15 / zoomH,
        flexDirection: "row",
        alignItems: "center"
    },
    headerPhotoViewStyle: {
        width: 35 / zoomH,
        height: 31 / zoomH
    },
    headerPhotoStyle: {
        width: 44 / zoomH,
        height: 44 / zoomH,
        borderRadius : 22 / zoomH
    },
    topSearchView: {
        flex: 1,
        width: "100%",
        height: 40 / zoomH,
        backgroundColor: "#FFFFFF",
        borderRadius: 2,
        marginLeft: 15 / zoomW,
        marginRight: 15 / zoomW
    },
    tabStyle: {
        height: 34 / zoomH,
        backgroundColor: "#fff",
        elevation: 0,
        borderWidth: StyleSheet.hairlineWidth
    },
    starItem: {
        flex: 1,
        justifyContent: "flex-start",
        flexDirection: "row"
    },
    forwardingBg: {
        borderWidth: 1,
        borderColor: "#eeeeee"
    },
    itemTextViewStyle: {
        flexDirection: "column",
        marginTop:18,
        marginLeft: 15,
        justifyContent: "center"
    },
    itemTextNameStyle: {
        fontSize: 16,
        color: "#000",
        opacity: 0.85,
        fontWeight: "bold"
    },
    itemTextContentStyle: {
        marginTop:5,
        fontSize: 12,
        width: width * 0.52,
        color: "#000",
        opacity: 0.65
    },
    inviteBtnViewStyle: {
        flex: 1,
        flexDirection: "row",
        justifyContent: "flex-end"
    },
    inviteBtnStyle: {
        paddingLeft: 15,
        paddingRight: 15,
        paddingTop: 5,
        paddingBottom: 5,
        borderRadius: 2,
        backgroundColor: "white"
    },
    invitedBtnStyle: {
        width: 70 / zoomW,
        height: 30,
        borderRadius: 4,
        justifyContent: 'center',
        alignItems: 'center'
    },
    inviteBtnTextStyle: {
        color: "#333333",
        fontSize: 14
    },
    invitedBtnTextStyle: {
        color: "#000",
        fontSize: 14,
        opacity: 0.25
    }
});